@charset "utf-8";
@function p($px){
    @return $px/2+px
    
}
.mobile{
    width: 100%;
    header{
        width: 100%;
    }
    section{
        width: 100%;
        .all_search{
            width: p(513);
            margin: 0 auto;
            text-align: center;
                .search{
                    width: p(268);
                    height: p(55);
                    border: 1px solid #ff9446;
                    border-radius: p(22);
                    margin: 0 auto;
        //          line-height: p(55);
                    margin-top: p(51);
                    
                    input[type="text"]{
                        width: p(171);
                        height: p(45);
                        vertical-align: middle;
                        border: none;
                        font-size: p(24);
        //              line-height: p(45);
                        margin-left: p(28);
                        padding-left: p(5);
                        margin-top: p(5);
                    }
                    input[type="image"]{
                        width:p(36) ;
                        height: p(34);
                        vertical-align: middle;
                        border: none;
                        margin-left: p(15);
                    }
            }
            h2{
                margin-bottom: p(13);
                margin-top: p(30);
                font-size: p(26);
            }
            .ul_search{
                  width: p(526);
                  overflow: hidden;
                  margin-bottom: p(36);
                  li{
                      width: p(126);
                      height: p(64);
                      background: #dcdcdc;
                      margin: p(1.5) p(2.5);
                      float: left;
                      line-height:p(64) ;
                      font-size: p(20);
                  }
            }
            
        }
//      <!--热门搜索-->
        .search_more{
                width: 94%;
                margin: 0 auto;
                margin-bottom: p(40);
                .searchmore_top{
                    overflow: hidden;
                     height: p(47);
                    .img1{
                        width: p(32);
                        height: p(47);
                        overflow: hidden;
                        float: left;
                        img{
                           width: 100%;
                        }
                    }
                    h3{
                        float: left;
                        font-size: p(30);
                        height: P(47);
                        line-height: p(47);
                        margin-left: p(24);
                    }
                    .more{
                        float: right;
                        p{
                            color: #000;
                            float: right;
                            font-size: p(24);
                             height: P(47);
                             line-height: p(47);
                        }
                        .img{
                            width:p(25) ;
                            height: p(25);
                            overflow: hidden;
                            float: right;
                            margin-top:p(6);
                            img{
                                width: 100%;
                            }
                        }
                    }
                    
                }
                .search_img{
                    overflow: hidden;
                    margin-top: p(32);
                    .shousi1{
                        width: p(278);
                        height: p(351);
                        overflow: hidden;
                        float: left;
                        margin-right: p(6);
                        img{
                            width: 100%;
                        }
                    }
                     .shousi2{
                        width: p(420);
                        height: p(146);
                        overflow: hidden;
                        float: left;
                        margin-bottom: p(8);
                        img{
                            height: 100%;
                        }
                    }
                     .shousi3{
                        width: p(195);
                        height: p(197);
                        overflow: hidden;
                        float: left;
                        margin-right: p(12);
                        img{
                            width: 100%;
                        }
                    } .shousi4{
                        width: p(211);
                        height: p(196);
                        overflow: hidden;
                        float: left;
                        img{
                            height: 100%;
                        }
                    }
                    .img1{
                        width:30% ;
                        height: p(200);
                        overflow: hidden;
                        float: left;
                        margin-left: p(10);
                        margin-right: p(10);
                        img{
                            height: 100%;
                        }
                    }
                }
            }
        
    }
}
